<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <!--
    The page_title contains the title for a page as shown in the navigation.
    Site name contains the name as defined in the mkdocs.yml
  -->
  <title>Home - GeoInformatics 2026</title>

  <!--
    Just add a favicon.ico image to the docs.
  -->
     <link rel="shortcut icon" href="img/favicon.ico">


  <!--
    You can include external assets of course, but be aware that it means the
    documentation may not work well offline.
  <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css">
  -->

  <link rel="stylesheet" href="css/theme.css">
  <!--<link rel="stylesheet" href="css/bulma-carousel-config.css">-->
  <link rel="stylesheet" href="css/bulma-carousel.css">


  
    <link href="css/nord_colors.css" rel="stylesheet">
  
    <link href="css/colours.css" rel="stylesheet">
  

  <script
  src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
  integrity="sha256-3edrmyuQ0w65f8gfBsqowzjJe2iM6n0nKciPUp8y+7E="
  crossorigin="anonymous"></script>

  <script src="js/theme.js"></script>

  
  

  <!--
    extra_javascript contains paths to JavaScript files in the
    users documentation directory or a list of JavaScript files
    defined in their mkdocs.yml.

    http://www.mkdocs.org/user-guide/configuration/#extra_javascript
  -->
  
    <script src="search/main.js"></script>
  

  <!--
    Include Google Analytics tracking code.

    http://www.mkdocs.org/user-guide/configuration/#google_analytics
  -->
  

</head>

<body>


<section class="hero is-fullheight has-background has-carousel"> 
  <div id="carousel-slider" class="hero-carousel is-hidden-touch is-hidden-desktop-only">
      <div class="item-0">
        <img alt="UTown NUS" class="hero-background is-transparent" src="img/2022_University_Townc.jpg" />
      </div>
      <div class="item-1">
        <img alt="UTown Tree" class="hero-background is-transparent" src="img/trees_UTownc.png" />
      </div>
      <div class="item-2">
        <img alt="Historical Map 1" class="hero-background is-transparent" src="img/historical_maps_sg_1c.png" />
      </div>
      <div class="item-3">
        <img alt="Historical Map 2" class="hero-background is-transparent" src="img/historical_maps_sg_2c.png" />
      </div>
      <div class="item-4">
        <img alt="CBD Bay area" class="hero-background is-transparent" src="img/mapbox_minimoc.png" />
      </div>
  </div>
  
  <div class="is-hidden-widescreen">
	<img alt="UTown Tree" class="hero-background-fixed is-transparent" src="img/trees_UTownc.png" />
  </div>

  <!-- Hero head: will stick at the top -->
  <div class="hero-head">
    <nav class="navbar is-transparent">
      
      <div class="container">
        <div class="navbar-brand">
          <a class="navbar-item" href=".">
            <img src="img/cpgis-logo.png" alt="CPGIS logo" style="width:150px; height:auto; max-height:100px;">
          </a>
          <a role="button" class="navbar-burger" data-target="navbarMenuHeroA" aria-label="menu" aria-expanded="false">
            <span></span>
            <span></span>
            <span></span>
            <span></span>
          </a>
        </div>
        <div id="navbarMenuHeroA" class="navbar-menu">
          <div class="navbar-end">

            
            
            <a class="navbar-item is-size-4" href=".">Home</a>
            

            
            
            <a class="navbar-item is-size-4" href="About/">About</a>
            

            
            
            <a class="navbar-item is-size-4" href="Sponsor/">Sponsor</a>
            

            
            
            <a class="navbar-item is-size-4" href="Participation/">Participation</a>
            

            
            
            <a class="navbar-item is-size-4" href="Programme/">Programme</a>
            

            
            
            <a class="navbar-item is-size-4" href="Venue/">The Place</a>
            

            
          </div>
        </div>
      </div>
    </nav>
  </div>

  <!-- Hero content: will be in the middle -->
  
  <div class="hero-body">
  <div class="container">
  <h1 class="title is-size-2 is-size-1-widescreen" >Geoinformatics 2026</h1>

  <h2 class="subtitle is-size-3 is-size-2-widescreen">Geo-Innovations for a Sustainable & Resilience Society</h2>

  <p class="subtitle is-size-4 is-size-3-widescreen">The 33rd International Conference on Geoinformatics</p>

  <h3 class="title is-size-4 is-size-3-widescreen">19th - 22nd July, 2026 | UTown@NUS, Singapore</h3>

  <div class="level mt-6">
  <a class="button is-size-4 has-text-white has-background-dark" href="About/#geo-innovations-for-a-sustainable-and-resilient-society"><strong>Theme</strong></a>
  <a class="button is-size-4 has-text-white has-background-dark" href="Participation">Join us</a>
  <a class="button is-size-4 has-text-white has-background-dark" href="Venue">The place</a>
  </div>
  </div>
</div>
  

  <!-- Hero footer: will stick at the bottom -->
  <div class="hero-foot">
      <div class="container">
        <div class="content has-text-centered my-5">
          <p class="is-size-5 is-size-4-widescreen">
            <strong>Geoinformatics 2026</strong> by <a href="https://nusgis.org/">GIS Unit</a>, <a href="https://fass.nus.edu.sg/geog/">Department of Geography, NUS</a>.
            Co-host with <a href="https://www.cpgis.org/">CPGIS</a>.
          </p>
		  <p> 京ICP备2020036654号-9 </p>
        </div>
      </div>
  </div>
</section>


<!--
<script src="js/bulma-carousel-script.js"></script>
-->
<script src="js/bulma-carousel.js"></script>

<script>
  bulmaCarousel.attach('#carousel-slider', {
    slidesToScroll: 1,
    slidesToShow: 1,
    infinite: true,
    autoplay: true,
  });
</script>

</body>
</html>
